<template>
  <div class="content">
    <page-header sub-title="淘宝活动优惠券"></page-header>
    <div style="padding-top: 10px;padding-bottom: 10px;margin: auto;">
      <img width="100%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/5a296688-43c9-4ce9-8262-5e5115d6772d.png" >
      <couponCard1 class="coupon-card1" v-for="(item,index) in webData"
        :title="item.title"
        :cover="item.cover"
        :introduce="item.introduce"
        @cardClick="global.openUrl(item.url)"
        @btnClick="global.openUrl(item.url)"/>
    </div>
    <a-modal
          v-model="modalVisible"
          closable
          centered
          :footer="null">
          <p style="font-size: 0.1rem;font-weight: 700;">{{modalTitle}}</p>
          <img width="100%" :src="modalImage" >
    </a-modal>

  </div>
</template>

<script>
  import couponCard from '@/components/common/coupon-card/coupon-card.vue'
  import couponCard1 from '@/components/common/coupon-card/coupon-card1.vue'
  export default {
    components:{
      couponCard,
      couponCard1
    },
    head() {
      return {
        title: '小R资源 | 淘宝优惠券',
        meta: [
          {
            name: 'keywords',
            content: '淘宝活动,淘宝优惠券,淘宝内部优惠券'
          },
          {
            name: 'description',
            content: '免费领取淘宝优惠券，领各种淘宝购物活动，新人专享1分购'
          }
        ]
      }
    },
    data() {
      return {
        // 网页版活动
        webData: [
          {
            title: '工厂直供 官方直营',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/b0d6b8e3-3ac7-40a8-af0b-a78f6070063a.png',
            url: 'https://s.click.taobao.com/t?union_lens=lensId%3AOPT%401636877774%400b1a25d8_8692_17d1d84ae49_9de5%4001%3BeventPageId%3A20150318020007660&e=m%3D2%26s%3Dqydhtuwx389w4vFB6t2Z2iperVdZeJviU%2F9%2F0taeK29yINtkUhsv0MzqrouA7vxmLXYOcYBKIX%2F5OkAqrWdzIWNyA3t1hqjGfo0La8Gi5TFuwp6wmNlalExeMSVuXzdtAGIx0oe2X2hZfJ7ZQxC1%2FWBiH6buM6UDEBnEBk3xaGylLmcSHKfaX1CIFRJhZoJ2keMqUwSQcLSatZNE6p%2F4DHhFfjPlhOpnxquIk%2Fg7%2BcMNrYZ8BxTgOA69DJ2wU5plWYfgZOOKSkOKRnAnO98W3aedeNKphZeHCKBSc4T4a2oV8qgqjMNvEOiHfyhMFhr88Z2EmtUKo4JMhTLXwM%2FOevlV95fM5fIINBLUGb81fVmZv3JmgP8qGgwqdYZGF5y4xJcpbAroUXRLpr2mZixd0w%3D%3D',
            introduce: '工厂直达，精选好货',
          },
          {
            title: '新人专享1分购',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/1d4efba1-3fc1-41c6-bd2f-a0ebe8c291a2.png',
            url: 'https://s.click.taobao.com/t?union_lens=lensId%3AOPT%401636877850%4021043e97_081b_17d1d85d5de_87d8%4001%3BeventPageId%3A20150318020007659&e=m%3D2%26s%3DQOi7qb7Qb45w4vFB6t2Z2iperVdZeJviU%2F9%2F0taeK29yINtkUhsv0MzqrouA7vxmdLztEBlmupL5OkAqrWdzIWNyA3t1hqjGfo0La8Gi5TFuwp6wmNlalExeMSVuXzdtAGIx0oe2X2hZfJ7ZQxC1%2FWBiH6buM6UDEBnEBk3xaGylLmcSHKfaX1CIFRJhZoJ2keMqUwSQcLQmkqLAwFV6f52mKRQSHwv9HnwLHhiT%2BLwdhLfz86WN4JuT5cfhAbI4dHPXrXAA8B4sPsONezN7HdSOfVLU6zqbVptf3oeTeEByqQm5iPrHhtbOO6k8ZQQkO5eevIx0%2B3UCTvTC7%2Fqrdaa98zYODKoQVkk4wfI6j1Zl1lgUxMucj33ty5OuVEQcTjJ9EustsCzT0ZlPVu8LTKJn5AyUbPoV',
            introduce: '新用户1分购！',
          },
          {
            title: '特卖优惠券搜索页',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/51c3cb84-cb4f-42c6-9142-99f4ac30d253.jpg',
            url: 'https://temai.m.taobao.com/search.htm?pid=mm_1664630170_2231900454_111761750353&union_lens=lensId%3APUB%401636878046%400bb79265_0ff1_17d1d88d3f1_0833%4001',
            introduce: '精选淘宝/天猫最热门优惠券搜索 '
          },
          {
            title: '爱淘宝精品购物平台',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/91777861-7544-4f8b-9df4-9bb541fa370f.jpg',
            url: 'https://ai.m.taobao.com/index.html?pid=mm_1664630170_2231900454_111761750353&union_lens=lensId%3APUB%401636877486%4021056765_0970_17d1d804aaf_0cf7%4001',
            introduce: '优选好货，爆款特卖'
          },
          {
            title: '2020官方爆品库',
            cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/8bb5a380-3885-46b5-9331-590d228dda89.jpg',
            url: 'https://mo.m.taobao.com/union/chaojidanpin20181201?pid=mm_1664630170_2231900454_111761750353&union_lens=lensId%3APUB%401636877705%400b084d0a_0eff_17d1d839f5c_0748%4001',
            introduce: '官方精选爆品，不容错过'
          },
        ],
        modalVisible: false,
        modalImage: '',
        modalTitle: '',
      }
    },
    created() {
    },
    methods: {
    }
  }
</script>

<style scoped>
  .content {
    width: 100%;
  }
  .coupon-card1 {
    width: 90%;
    margin: 0.2rem auto 0.2rem auto;
  }
</style>
